<template>
    <div class="noDataTip">
        <div class="noDataImg"><img src="@/assets/img/icon/nodataimg.png" alt=""></div>
        <div class="descMsg">{{msg}}</div>
        <div class="goEvaluateCenterBtn" v-if="(/.*(评价).*/).test(msg)">
            <van-button round color="#02b6fd" @click="$router.push('/login')">去评价中心</van-button>
        </div>
    </div>
</template>

<script>
export default {
    name:'NoDataTip',
    props:['msg']
}
</script>

<style>
.noDataTip{
    position: absolute;
    left: 0;right: 0;
    margin: 200px auto 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.noDataTip>div:last-child{margin-bottom: 50px;}
.noDataTip .noDataImg{
    width: 208px;
    height: 208px;
}
.noDataTip .noDataImg img{width: 100%;height: 100%;}
.noDataTip .descMsg{font-size: 16px;color: #333;}
.noDataTip .goEvaluateCenterBtn{margin: 15px 0 50px;}
.noDataTip .goEvaluateCenterBtn .van-button{height: 35px;}
</style>